<style type="text/css">
	#video{margin:0 auto;}
	.bg-white{background: white;}
	.content{margin: 20px;padding: 10px}
	.right h2{margin-top: 20px}
	.right .info div{margin-bottom: 10px;color: #585858}
	.right .icon .layui-icon {font-size: 2rem;color: pink;margin: 0 0.5rem}
	.right .icon .layui-icon:hover {cursor: pointer;}
</style>
<script type="text/javascript" src="/static/ckplayer/ckplayer.js"></script>
<div class="content bg-white">
	<h2 class="title">--</h2>
	<hr class="layui-bg-red">

	<div class="layui-row layui-col-space30">
		<div class="layui-col-md9">
			<div class="video bg-white">
				<div id="video" style="width:100%;height:500px;"></div>
			</div>
		</div>
		<div class="layui-col-md3">
			<div class="right">
				<h2>视频信息</h2>
				<hr>
				<div class="info">
					<div>--：--</div>
					<div>--：--</div>
					<div>--：--</div>
				</div>
				<div class="icon">
					<i class="layui-icon layui-icon-download-circle"></i>
					<i class="layui-icon layui-icon-share"></i>
					<i class="layui-icon layui-icon-star"></i>

				</div>
				
				<h2>目录其他视频</h2>
				<hr>
			</div>
		</div>
	</div>	
</div>

<script type="text/javascript">
	layui.use(['jquery'],function(){
		var file_id=app.parseUrl(app.getUrl()).params.file_id,info_html=''
		var $=layui.jquery
		var eInfo=$('.info'),eTitle=$('.content .title');
		var videoObject = {
			container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class
			variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
			flashplayer:false,//如果强制使用flashplayer则设置成true
			// style:{logo:false},
			video:'/source/line_play/file_id/'+ file_id +'//'+file_id +'.mp4'
		}
		var player=new ckplayer(videoObject);
		app.ajaxPost('/api/file/getFileInfo',{'file_id':file_id},function(data){
			eTitle.html(data.data.name)

			info_html+='<div>文件大小：'+app.bytesToSize(data.data.size)+'</div>'
			info_html+='<div data-path="'+data.data.path_full+'" data-path="'+data.data.path+'">文件目录：<a>'+data.data.path_full+'</a></div>'
			info_html+='<div>上传时间：'+data.data.create_time+'</div>'
			eInfo.html(info_html)
		})
	})
	
</script>
